<!DOCTYPE html>
<html lang="en" xmlns:mso="urn:schemas-microsoft-com:office:office"
    xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">

<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--[if gte mso 9]><xml>
<mso:CustomDocumentProperties>
<mso:xd_Signature msdt:dt="string"></mso:xd_Signature>
<mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023_Editor msdt:dt="string">Shan Daguang</mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023_Editor>
<mso:Order msdt:dt="string">13287400.0000000</mso:Order>
<mso:xd_ProgID msdt:dt="string"></mso:xd_ProgID>
<mso:_ExtendedDescription msdt:dt="string"></mso:_ExtendedDescription>
<mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023_Author msdt:dt="string">Shan Daguang</mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023_Author>
<mso:ComplianceAssetId msdt:dt="string"></mso:ComplianceAssetId>
<mso:TemplateUrl msdt:dt="string"></mso:TemplateUrl>
<mso:ContentTypeId msdt:dt="string">0x010100164916FC92ED7B4DBB8BB39AD0B0BC84</mso:ContentTypeId>
<mso:TriggerFlowInfo msdt:dt="string"></mso:TriggerFlowInfo>
<mso:_SourceUrl msdt:dt="string"></mso:_SourceUrl>
<mso:_SharedFileIndex msdt:dt="string"></mso:_SharedFileIndex>
<mso:MediaLengthInSeconds msdt:dt="string"></mso:MediaLengthInSeconds>
</mso:CustomDocumentProperties>
</xml><![endif]-->
</head>

<body>
    <div id="app">
        <form action="http://localhost:8080/jsp_demo/login" method="post">

            username: <input type="text" name="username" v-model="username"><br>
            password: <input type="text" name="password" v-model="password"><br>
            <input type="text" name="myInput" v-model="myInput"><br>
            <input type="button" value="一个按钮" v-on:click="hisShow()"><br><br>
            <input type="button" value="一个按钮" @click="hisShow()"><br>
            <input type="button" value="恢复" v-on:click="reset()"><br>
            <input type="submit" value="提交">
            输入了： {{this.myInput}} {{username}}
        </form>
    </div>


    <script src="js/vue.js"></script>
    <script>

        //1. 创建Vue核心对象
        new Vue({
            el: "#app",
            data() {
                return {
                    username: "tom",
                    password: "",
                    myInput: "tanuki",
                    url: "https://www.baidu.com"
                }
            },
            // 定义方法
            methods: {
                //自定义名字
                hisShow() {
                    alert("我被点了..." + this.username);
                },
                reset() {
                    this.username = "goulun",
                        this.myInput = "usagi"
                }
            }
        });

    </script>


</body>

</html>